@charset "utf-8";

@import '../variable';

/**
 * 
 * @LightTip.css
 * @author xinxuzhang 
 * @create 15-06-25
 * @edit   17-06-19
**/

.ui-lightip {
	position: fixed;
	top: 0;
	z-index: 100;	
	min-width: 400px;
	height: 20px;
	line-height: 20px;
	padding: 15px;
	border-radius: 2px;
	color: $white;
	text-align: center;
	font-size: 14px;
	outline: none;
}

.ui-lightip-success {
	background-color: $green;
}

.ui-lightip-error {
	background-color: $red;
}

.ui-lightip-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 7px;
	background: url(#{$urlImage}/LightTip/icon-lightip.png);
}
:root .ui-lightip-icon {
	background-image: url();
	background-size: 20px 40px;
}

.ui-lightip-success .ui-lightip-icon  {
	background-position: 0 0;
}
.ui-lightip-error .ui-lightip-icon {
	background-position: 0 -20px;
}

:root .ui-lightip-success .ui-lightip-icon {
	
}